<template>
  <header>
    <div class="left icon_base" @click="$router.back()"></div>
    <div class="middle e_1"><slot></slot></div>
    <div class="right icon_base"></div>
  </header>
</template>

<script>
export default {
  name: "CustomHeader",
};
</script>

<style lang="less" scoped>
header {
  width: 100%;
  height: 50px;
  display: flex;
  position: fixed;
  top: 0;
  z-index: 6;
  background-color: #fff;

  .left,
  .right {
    width: 50px;
    height: 100%;
  }

  .middle {
    flex: 1;
    line-height: 50px;
  }

  .left {
    background-image: url("@/assets/返回_黑色.png");
  }

  .right {
    background-image: url("@/assets/更多_竖向_黑色.png");
  }
}
</style>
